<script>
// setup 特点：
//   1. setup钩子函数执行比beforeCreate还早
//   2. setup内不使用 this，值为 undefined
//   3. 在模版中需要使用的数据和函数，需要在 `setup` 返回
//   4. 作为组件中 compositionAPI 的起点
export default {
  setup() {
    console.log('setup钩子函数执行')
    console.log(this)  // undefined
    const count = 1

    return { count }
    
  },
  beforeCreate() {
    console.log('beforeCreate钩子函数执行')
  },
}
</script>

<template>
  <h1>Hello Vue3</h1>
  <h2>{{ count }}</h2>
</template>
